<script lang="ts">
    import QuarterPane from "./QuarterPane.svelte";

    const { value, ...props } = $props();
    const val1 = $derived(props.value ? props.value[0] : "");
    const val2 = $derived(props.value ? props.value[1] : "");
</script>

<QuarterPane name="start" {...props} value={val1} />
<QuarterPane name="end" {...props} value={val2} />
